<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8">
    <title>曲奇后台管理主页</title>
    <link href="../css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <link href="../css/manager/style.css" type="text/css" rel="stylesheet"/>
    <link href="../css/manager/order.css" type="text/css" rel="stylesheet"/>
  </head>
  <body>
    <div class="content">
		<div class="left">
			<div class="item first">
				<div value="all" class="item_con select first">
					全部
				</div>
			</div>
			<div class="item">
				<div value="1" class="item_con">
					快写
				</div>
			</div>
			<div class="item">
				<div value="3" class="item_con">
					快发
				</div>
			</div>
			<div class="item">
				<div value="2" class="item_con">
					快画
				</div>
			</div>
			<div class="item">
				<div value="4" class="item_con">
					快采
				</div>
			</div>
		</div>
		<div class="right">
			<div>
				<div class="navigation" id="navigation">
					当前位置：任务 > 订单
				</div>
				<!-- 
				<div class="search_area">
					<input class="laydate-icon" id="start_time" value="">
					<input class="laydate-icon" id="end_time" value="">
					<input type="text" id="name_search" placeholder="用户名称" /> <input type="button" class="search_button" value="搜索" id="search_button" />
				</div>
				 -->
				<div class="clear">
					
				</div>
			</div>
			<div class="status">
				<ul>
					<li value="all" class="select">所有状态</li>
					<li value="1">提交任务</li>
					<li value="2">待确认</li>
					<li value="3">待付款</li>
					<li value="4">待完成</li>
					<li value="5">已完成</li>
					<li value="6">已交付</li>
				</ul>
			</div>
			<div id="data_area">
				<table border="0px" cellspacing="0" width="100%" id="spread_list" class="spread_list">
					<tr>
		    			<th>任务号</th>
		    			<th>任务名称</th>
		    			<th>价格</th>
		    			<th>类别</th>
		    			<th>提交时间</th>
		    			<th>状态</th>
		    			<th>操作</th>
		    		</tr>
		    	</table>
			</div>
			<div class="pager_pagination">
            	<ul class="pagination" id="pagination"></ul>
        	</div>
		</div>
    </div>
  </body>
  <script src="../js/jquery-1.7.min.js"></script>
  <script src="../js/laydate/laydate.js"></script>
  <script src="../js/jqPaginator.js" type="text/javascript"></script>
  <script src="../js/common.js"></script>
  <script src="../js/verify.js"></script>
  <script src="../js/manager/order.js"></script>
  <script>
  	!function(){
		laydate.skin('default');//切换皮肤，请查看skins下面皮肤库
		laydate({elem: '#start_time', max: laydate.now()});//绑定元素
  	}();
		//日期范围限制
	  var start = {
	      elem: '#start',
	      format: 'YYYY-MM-DD',
	      min: laydate.now(), //设定最小日期为当前日期
	      max: '2099-06-16', //最大日期
	      istime: true,
	      istoday: false,
	      choose: function(datas){
	           end.min = datas; //开始日选好后，重置结束日的最小日期
	           end.start = datas //将结束日的初始值设定为开始日
	      }
	  };
	
	  var end = {
	      elem: '#end',
	      format: 'YYYY-MM-DD',
	      min: laydate.now(),
	      max: '2099-06-16',
	      istime: true,
	      istoday: false,
	      choose: function(datas){
	          start.max = datas; //结束日选好后，充值开始日的最大日期
	      }
	  };
	  laydate(start);
	  laydate(end);
	
	  //自定义日期格式
	  laydate({
	      elem: '#test1',
	      format: 'YYYY年MM月DD日',
	      festival: true, //显示节日
	      choose: function(datas){ //选择日期完毕的回调
	          alert('得到：'+datas);
	      }
	  });
	
	  //日期范围限定在昨天到明天
	  laydate({
	      elem: '#end_time',
	      max: laydate.now() //+1代表明天，+2代表后天，以此类推
	  });
  </script>
</html>
